<template>
  <div class="movie">
    <h1>我想看的电影的名字长度是4-6</h1>
    <ul>
        <li v-for="movie in myMovieList" :key="movie.tvId">
            {{movie.albumName}}
        </li>
    </ul>
    <br>
    <h1>我想看的的电影名字必须是我传递的长度</h1>
    <ul>
        <li v-for="movie in yourMovieList" :key="movie.tvId">
            {{movie.albumName}}
        </li>
    </ul>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
name:'Movie',
mounted(){
    // console.log(this);
},
computed:{
    ...mapGetters(['myMovieList']),

    yourMovieList(){
        return this.$store.getters.yourMovieList({start:2,end:4})
    }
}
}
</script>

<style scoped>
.movie{
    margin: 30px;
    background: pink;
}
</style>